<template>
  <div>
    模板
    <div class="js_render"></div>
  </div>
</template>
<script>
import _ from 'underscore';

const datas = [
	{
		title: '标题1',
		url: 'http://www.baidu.com',
		film: '电影名称1'
	},
	{
		title: '标题2',
		url: 'http://www.baidu.com',
		film: '电影名称2'
	},
	{
		title: '标题3',
		url: 'http://www.baidu.com',
		film: '电影名称3'
	},
	{
		title: '标题4',
		url: 'http://www.baidu.com',
		film: '电影名称4'
	},
	{
		title: '标题5',
		url: 'http://www.baidu.com',
		film: '电影名称5'
	}
];
export default function ($) {
  const temp = `
    <% _.each(datas, function (item) { %>
      <div>
        <%= item.title %> - <%= item.url %> - <%= item.film %>
      </div>
    <% }); %>
  `

  var compiled = _.template(temp);
  var res = compiled({ datas });
  $('.js_render').html(res);
 
}
</script>
<style>
  
</style>